import { dynamic } from 'umi';
import React from 'react';
import PageLoading from '@/components/PageLoading';
import StepWizard from '@/components/StepWizard';

const TenantPage = dynamic({
  loader: () => import('./components/TenantPage'),
  loading: PageLoading,
});

const TenantDetail = dynamic({
  loader: () => import('./components/TenantDetail'),
  loading: PageLoading,
});

function Index() {
  return (
    <StepWizard isLazyMount>
      <TenantPage />
      <TenantDetail destroy />
    </StepWizard>
  );
}

export default Index;
